<!-- Fixed navbar -->
<div class="theme-color mbl-nav navbar-fixed-top">
  <div class="wrapper full-height">
    <!--<a class="logo-wrapper" href="/">-->
      <!--<img class="logo" src="../../public/img/logo.png" alt="MBL">-->
    <!--</a>-->
    <a class="img-wrapper" href="/">
      <img class="logo" src="../../public/img/logo.png" alt="MBL">
    </a>
    <ul class="menu" id="menu">
      <li><a href="/">Home</a></li>
      <li><a href="/news">News</a></li>
      <li><a href="/research">Research</a></li>
      <li><a href="/publication">Publications</a></li>
      <li><a href="/members">Members</a></li>
      <li><a href="/contact">Contact</a></li>
      <!--<li class="dropdown">-->
        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>-->
        <!--<ul class="dropdown-menu" role="menu">-->
          <!--<li><a href="#">Action</a></li>-->
          <!--<li><a href="#">Another action</a></li>-->
          <!--<li><a href="#">Something else here</a></li>-->
          <!--<li class="divider"></li>-->
          <!--<li class="dropdown-header">Nav header</li>-->
          <!--<li><a href="#">Separated link</a></li>-->
          <!--<li><a href="#">One more separated link</a></li>-->
        <!--</ul>-->
      <!--</li>-->
    </ul>
    <div class="nav-search">
      <div class="input-group search-content">
        <input type="text" class="form-control" placeholder="Search for...">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">Search</button>
          </span>
      </div>
    </div>
    <!--<div class="navbar-header">-->
    <!--</div>-->
    <!--<div class="navbar-collapse collapse">-->
      <!---->
    <!--</div>&lt;!&ndash;/.nav-collapse &ndash;&gt;-->
  </div>
</div>
